fix hero component by removing paddings and increasing width to 100 percent. Also container style has been adjusted by using style items in shared site. (only Hero Homepage Varinat)

Description / Motivation

Hero component showed gaps (padding) on the right depending on image size. Also the text was shifted to the left. The width of the hero component has been set to 100% which looks good on desktop and mobile.

for using Hero component on Generic Page Designs the container used as placeholder has been adjusted as well. I added a style item named zero padding and applied it to the container used on the Generic Page Partial Design.

How Has This Been Tested?

this has been tested on local.

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• I have read the Contributing guide.
• My code/comments/docs fully adhere to the Code of Conduct.
• My change is a code change.
• My change is a documentation change and there are NO other updates required.